<template>
    <div class="about-page" v-loading="loading">
        <h3 class="news-title">{{content.title}}</h3>
        <div class="about-content" v-html="content.content">

        </div>
    </div>
</template>

<script>


export default {


    data(){
        return{
            total:null,
            input:'',
            loading:false,
            content:[],
            html:'据法新社巴黎6月3日报道，这样的跃进通常需要多年时间才能完成。全球半数民众居家隔离以及对病毒传播的恐惧刺激了通过手机和视频应用程序实现的诊疗。随着疫情扩大，很多国家的相关规章也进行了调整或者变得灵活化，从而有助于远程问诊的普及。'
        }
    },
    created(){
        this.id = this.$route.params.id;
        // this.url = Cookies.get('url');
        this.getData();
    },
    mounted(){

    },
    watch:{
        // 利用watch方法检测路由变化：
    　　'$route': function (to, from) {

            console.log(3333,to.path);
            　　　　//拿到目标参数 to.query.id 去再次请求数据接口
                    let path = to.path;
                    let arr = path.split("/");
                    console.log(arr,222)
                    if(arr[1]=='helperById'){
                      this.id = this.$route.params.id                    
                      if(this.id!=undefined){
                          this.getData();
                      }
                    }

    //         console.log(3333,to.path);
    // 　　　　//拿到目标参数 to.query.id 去再次请求数据接口
    //         if(to.path!='/index'){
    //           this.id = this.$route.params.id
    //           // this.url = Cookies.get('url');
    //           if(this.id!=undefined){
    //               this.getData();
    //           }
    //         }
           }
      },
    methods:{
        handleClick(tab, event) {
            console.log(tab, event);
        },
        goPage(){

        },
        getData(){
            let that = this;
            this.loading = true;
            this.$axios.$get("/f/helperById?id="+this.$route.params.id)
            .then(function (response) {
                that.content = response.data;
                console.log(that.content,999999999)
                that.loading = false;

            })
            .catch(function (error) {
                  // handle error
                  console.log(error);
            })
        },
        goContent(){

        },
        pageChange(index){

        }
    }
}
</script>

<style lang="less">
    .about-page{
        min-height:500px;
        .news-title{
            width:1250px;

            margin:0 auto;
            line-height:40px;
            text-align:center;
            font-size:22px;
            color:#444444;
            margin-top:30px;;
        }
        .about-content{
            width:1250px;
            margin:0 auto;
            margin-top:30px;
            font-size:16px;
            img{
                max-width:100%;
            }
            margin-bottom:50px;
        }
    }


</style>
